<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>努比亚手机产官网</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>

<!--网页最上面的黑色导航区域-->
<div id="navi">
	<div id="navi_content">
		<a href="#" id="logo"></a>
		<div id="navi_right">
			<ul id="navi_list">
				<li><a href="#">首页</a></li>
				<li><a href="#">商城</a></li>
				<li><a href="#">产品</a></li>
				<li><a href="#">应用</a></li>
				<li><a href="#">服务</a></li>
				<li><a href="#">体验店</a></li>
				<li><a href="#">社区</a></li>
			</ul>
			<ul id="navi_login">
				<li></li>
				<li><a href="#">注册</a></li>
				<li><a href="#">登录</a></li>
			</ul>
		</div>
	</div>
</div>


<!--导航下面的手机展示图和大的轮播图区域-->
<div id="slideShow">
	<div id="phoneShow">
		<ul>
			<li>
				<a href="#">
					<img src="images/nav-phone1.png" alt="手机图片">
					<span>Z11 miniS</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="images/nav-phone2.png" alt="手机图片">
					<span>Z11</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="images/nav-phone3.png" alt="手机图片">
					<span>Z11 MAX</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="images/nav-phone4.png" alt="手机图片">
					<span>Z11 mini</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="images/nav-phone5.png" alt="手机图片">
					<span>N1</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="images/nav-phone6.png" alt="手机图片">
					<span>布拉格S</span>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="images/nav-phone7.png" alt="手机图片">
					<span>My 布拉格</span>
				</a>
			</li>
		</ul>
	</div>
	
	<div id="pictureShow">
		<ul id="shift">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</div>


<!--轮播图下面的三个板块的视频展示区域-->
<div id="video">
	<ul>
		<li>
			<img class="video" src="images/video1.jpg" alt="视频展示">
			<div class="video_info">
				<img src="images/nb-pro-video-ico-s.png" alt="视频按钮">
				<h3>Z11黑金版</h3>
				<p>产品视频</p>
			</div>
		</li>
		<li>
			<img class="video" src="images/video2.jpg" alt="视频展示">
			<div class="video_info">
				<img src="images/nb-pro-video-ico-s.png" alt="视频按钮">
				<h3>微距相机</h3>
			</div>
		</li>
		<li>
			<img class="video" src="images/video3.jpg" alt="视频展示">
			<div class="video_info">
				<img src="images/nb-pro-video-ico-s.png" alt="视频按钮">
				<h3>NubiaZ11</h3>
				<p>突破边界</p>
			</div>
		</li>
	</ul>
</div>


<!--视频展示区域的最新产品区域-->
<div id="newProduct">
	<dl>
		<dt>
			<h2>最新产品</h2>
			<p>查看全部手机&gt;</p>
		</dt>
		
		<dd>
			<ul>
				<li>
					<img src="images/con-phone1.jpg" alt="手机图片">
					<div class="phone_des">
						<h5>Z11极光蓝</h5>
						<p>极光蓝</p>
						<span class="round_rectangle">一探究竟</span>
					</div>
				</li>
				<li>
					<img src="images/con-phone2.jpg" alt="手机图片">
					<div class="phone_des">
						<h5>nubia Z11 miniS</h5>
						<p>手机摄影专家</p>
						<span class="round_rectangle">一探究竟</span>
					</div>
				</li>
				<li>
					<img src="images/con-phone3.jpg" alt="手机图片">
					<div class="phone_des">
						<h5>Z11极光蓝</h5>
						<p>极光蓝</p>
						<span class="round_rectangle">一探究竟</span>
					</div>
				</li>
				<li>
					<img src="images/con-phone4.jpg" alt="手机图片">
					<div class="phone_des">
						<h5>nubia Z11 MAX</h5>
						<p>大·不同</p>
					</div>
				</li>
				<li>
					<img src="images/con-phone5.jpg" alt="手机图片">
					<div class="phone_des">
						<h5>nubia Z11 min</h5>
						<p>小世界·大精彩</p>
					</div>
				</li>
			</ul>
		</dd>
	</dl>
</div>


<!--最新产品下面的精选配件区域-->
<div id="part">
	<dl>
		<dt>
			<h2>最新产品</h2>
			<p>查看全部手机&gt;</p>
		</dt>
		
		<dd>
			<ul>
				<li>
					<img src="images/accessories1.jpg" alt="配件图片">
					<p>努比亚快充移动电源</p>
				</li>
				<li>
					<img src="images/accessories2.jpg" alt="配件图片">
					<p>努比亚圈铁耳机</p>
				</li>
				<li>
					<img src="images/accessories3.jpg" alt="配件图片">
					<p>努比亚炫美自拍杆</p>
				</li>
				<li>
					<img src="images/accessories4.jpg" alt="配件图片">
					<p>nubiya摄影三脚架</p>
				</li>
			</ul>
		</dd>
		
	</dl>
</div>


<!--底部的友情链接区域-->
<div id="bottomLink">
	<hr>
	<div id="linkContent">
		<dt>
			<img src="images/nb-pro-ft-logo-x2.jpg" alt="logo">
			<span>&gt;全部机型</span>
		</dt>
		<ul>
			<h5>Z系列</h5>
			<li><a href="#">nubiya Z11</a></li>
			<li><a href="#">nubiya Z11 Max</a></li>
			<li><a href="#">nubiya Z11 mini</a></li>
		</ul>
		<ul>
			<h5>M系列</h5>
			<li><a href="#">nubiya 布拉格S</a></li>
			<li><a href="#">nubiya My 布拉格</a></li>
		</ul>
		<ul>
			<h5>配件</h5>
			<li><a href="#">保护壳</a></li>
			<li><a href="#">皮套</a></li>
			<li><a href="#">贴膜</a></li>
			<li><a href="#">耳机</a></li>
			<li><a href="#">数据线/充电器</a></li>
			<li><a href="#">周边产品</a></li>
		</ul>	
		<ul id="about_us">
			<li><a href="#">关于我们</a></li>|
			<li><a href="#">联系我们</a></li>|
			<li><a href="#">新闻中心</a></li>|
			<li><a href="#">加入我们</a></li>|
			<li><a href="#">合作注册</a></li>|
			<li><a href="#">公益</a></li>|
			<li><a href="#">以旧换新</a></li>|
			<li><a href="#">问题反馈</a></li>|
			<li><a href="#">简体中文</a></li>|
		</ul>
		
		<ul id="icon">
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<span>服务热线：400-700-6600</span>
		</ul>
		
		<p>
			2012-2017 努比亚技术有限公司 版权所有 
			<a href="#">粤ICP备10006213号-2 </a>
			<img src="images/gs.jpg" alt="徽标">
			深圳市市场监督管理局企业主体身份公示 ICP经营许可证编号：粤B2-20120688
			<img src="images/gs.jpg" alt="警徽">	
			<a href="#">粤公网安备 44030502000309号</a>
		</p>
	</div>
	
</div>
</body>
</html>


